<template>
	<view class="tool-search-container">
		<!--使用view组件模拟的inpu输入框的样式-->
		<view class="tool-search-box">
			<uni-icons  type="search" size="17" ></uni-icons>
			<text class="placeholder">搜索</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"tool-search",
		props:
		{
			///背景色
			bgcolor:
			{ 
				type:String,
				default:'#C00000',
			},
			//圆角尺寸
			radius:
			{
				type:Number,
				//单位是px
				default:18
			}
		}
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.tool-search-container
{
	background-color: #C00000;
	height: 50rpx;
	padding: 0 10px;
	display: flex;
	align-items: center;
	padding: 0 10px;
}
.tool-search-box
{
	height: 36px;
	background-color: #ffffff;
	border-radius: 15px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	.placeholder
	{
		font-size: 15px;
		margin-left: 5px;
	}
}
</style>